<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生管理系统</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon">
</head>
<body>
    <div class="app">
        <header class="header">
            <h1>duyi</h1>
            <div>渡一教育</div>
            <ul class="login">
                <li class="account">登录</li>
                <li class="out"><a href="./login.html">退出</a></li>
            </ul>
        </header>
        <div class="container">
            <div class="menu">
                <dl>
                    <dt>学生管理</dt>
                    <dd class="active" data-class="std-list">学生列表</dd>
                    <dd data-class="add-student">新增学生</dd>
                </dl>
            </div>

            <div class="mainarea">
                <div class="std-list">
                    <div class="student-list">
                        <!-- <ul class="list-top">
                        </ul> -->
                    </div>

                    <div id="pre-btn">上一页</div>
                    <div id="next-btn">下一页</div>

                    <div class="mask">
                        <div class="wrapper">
                            <h3>编辑表单</h3>
                            <div class="closeBtn"></div>
                            <form class="edit-student add-std">
                                <div>
                                    <label for="editName">姓名：</label>
                                    <input id="editName" type="text">
                                </div>
                                <div>
                                    <label>性别：</label>
                                    <input type="radio" name="editSex" id="editMale" value="0">
                                    <label for="editMale">男</label>
                                    <input type="radio" name="editSex" id="editFemale" value="1">
                                    <label for="editFemale">女</label>
                                </div>
                                <div>
                                    <label for="editTheemail">邮箱：</label>
                                    <input type="text" id="editTheemail">
                                </div>
                                <div>
                                    <label for="editNumber">学号：</label>
                                    <input type="text" id="editNumber" style="color: #999;" readonly>
                                </div>
                                <div>
                                    <label for="editYear">出生年：</label>
                                    <input type="text" id="editYear">
                                </div>
                                <div>
                                    <label for="editPhone">手机号：</label>
                                    <input type="text" id="editPhone">
                                </div>
                                <div>
                                    <label for="editAddress">住址：</label>
                                    <input type="text" id="editAddress">
                                </div>
                                <div>
                                    <button type="submit" id="edit-sub">提交</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <form class="add-student add-std">
                    <div>
                        <label for="username">姓名：</label>
                        <input id="username" name="name" type="text">
                    </div>
                    <div>
                        <label>性别：</label>
                        <input type="radio" name="sex" id="male" value="0" checked>
                        <label for="male">男</label>
                        <input type="radio" name="sex" id="female" value="1">
                        <label for="female">女</label>
                    </div>
                    <div>
                        <label for="theemail">邮箱：</label>
                        <input type="text" id="theemail" name="email">
                    </div>
                    <div>
                        <label for="number">学号：</label>
                        <input type="text" id="number" name="num">
                    </div>
                    <div>
                        <label for="year">出生年：</label>
                        <input type="text" id="year" name="birth">
                    </div>
                    <div>
                        <label for="phone">手机号：</label>
                        <input type="text" id="phone" name="tel">
                    </div>
                    <div>
                        <label for="address">住址：</label>
                        <input type="text" id="address" name="addre">
                    </div>
                    <div>
                        <button type="submit" id="sub">提交</button>
                        <button type="reset">重置</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="./js/cookie.js"></script>
    <script src="./js/ajax.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>